<script type="text/javascript">
    $(document).ready(function(){        
      obtener_Nombre();
      cargarPatrocinio();
    }); 
    
   function cargarPatrocinio()
    {       
        
        $('#bodyPatrocinioTable').each(function() {
            $(this).empty();
        });
        var accion='cargarPatrocinios';
        
        $.get("controladores/ajaxControlador.php",{accion:accion},function(resultado){
            if(resultado == false)
            {
                alert("Error al cargar los patrocinios.");
            }
            else
            {  
                $('#bodyPatrocinioTable').append(resultado);
            }
        });
    }
</script>

<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li><a href="index.php?accion=MenuSupervisor">Men&uacute; supervisor</a> <span class="divider">&raquo;</span></li>    
    <li class="active">Patrocinio</li>
</ul>

<!-- ===================================== END HEADER ===================================== -->

<div class="col_12">
    <div class="col_12">
        
        <label for="cliente">C&oacute;digo Cliente: <?php echo $_SESSION['IdCliente'] ?></label>
        <input  readonly class="col_12" type="textArea" name="cliente" value=""id="cliente" placeholder="Cliente" autocomplete="off" tabindex="1" />
        
        <h3 style="color:#999;margin-bottom:10px;" class="center">Patrocinio</h3>

    </div>
    <div class="col_12">

        <div class="tab-pane active" id="demo">

            <p>
                Busqueda: <input id="filter" type="text"/>
                <!--Plazo:
                <select class="filter-status">
                    <option></option>
                    <option value="N">N</option>
                    <option value="S">S</option>
                    
                </select>-->
                <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                <span class="row-count"></span>
            </p>
            <table class="table demo" data-filter="#filter" data-page-size="10">
                <thead>
                    <tr>
                        <th data-toggle="true">
                            Promoci&oacute;n
                        </th>
                        <th data-toggle="true">
                            Vigencia Inicia
                        </th>
                        <th data-hide="phone">
                            Vigencia Finaliza
                        </th>
                        <th data-hide="phone">
                            Premios
                        </th>
                        <th data-hide="phone">
                            Marcas
                        </th>
                        <th data-hide="phone,tablet">
                            Comentario
                        </th>
                        

                    </tr>
                </thead>
                <tbody id="bodyPatrocinioTable">

                            <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarPatrocinio()-->

                </tbody>
                <tfoot class="hide-if-no-paging">
                    <tr>
                        <td colspan="12">
                            <div class="pagination pagination-centered"></div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>

</div>
